{% extends "/layout.html" %}

{% block title %}
{{ __(tab) }} - {{ parent() }}
{% endblock %}

{% block head %}
{{ parent() }}
{[ js('browse') ]}
{[ js('messages') ]}
{[ time_ago() ]}
{% endblock %}

{% block content %}
<div class="box wide">
	<div id="categories_container" class="title no-bottom navigation">
		<div id="categories">
			<a {% if tab == 'inbox' %}class="current"{% else %}href="{{ path('Users', 'messages', {'tab':'inbox'}) }}"{% endif %}>{{ __('inbox') }}</a>
			<a {% if tab == 'outbox' %}class="current"{% else %}href="{{ path('Users', 'messages', {'tab':'outbox'}) }}"{% endif %}>{{ __('outbox') }}</a>
			<a {% if tab == 'new_message' %}class="current"{% else %}href="{{ path('Users', 'messages', {'tab':'new_message'}) }}"{% endif %}>{{ __('new_message') }}</a>
		</div>
	</div>
	{% if tab == 'new_message' %}
	<div class="content padded">
		{[ form.open ]}
		<table class="form">
			<tr><td class="label" colspan="2">{{ form.target_id.label }}</td></tr>
			<tr>
				<td class="input">{[ form.target_id.input ]}</td>
				<td class="error">{{ form.target_id.error }}</td>
			</tr>
			<tr><td class="label" colspan="2">{{ form.message.label }}</td></tr>
			<tr>
				<td class="input" colspan="2">{[ form.message.input ]}</td>
			</tr>
			<tr id="message_send">
				<td class="submit">{[ form.submit ]}</td>
			</tr>
		</table>
		{[ form.close ]}
	</div>
	{% else %}
	{% if messages %}
	<div id="comments" class="content messages">
		<table class="comments">
			{% for message in messages %}
			<tr id="message-{{ message.id }}" class="comment">
				<td class="avatar"><a href="{{ path('Users', 'profile', {'name':message.user.username}) }}"><img class="icon" alt="" src="{{ message.user.file('avatar') }}"/></a></td>
				<td class="content">
					<p class="title">
						{% if tab == 'inbox' %}
						{[ __('sent_from', {'user':message.user.profile}) ]}
						{% else %}
						{[ __('sent_to', {'user':message.user.profile}) ]}
						{% endif %}
						({{ __('exp_level_short') }} {{ message.user.exp_level }})
					</p>
					<p class="right info">
						{% if tab == 'inbox' %}
						<a class="action" href="{{ path('Users', 'messages', {'tab':'new_message', 'target':message.user.username}) }}">{{ __('reply') }}</a>
						{% endif %}
						{[ time_ago(message.ts_edit) ]}
					</p>
					<div class="clear"></div>
					<p>{{ stripslashes(message.message) }}</p>
				</td>
			{% endfor %}
			</tr>
		</table>
	</div>
	{% else %}
	<div class="content">
		<p>{{ __('no_messages_here') }}</p>
	</div>
	{% endif %}
	{% endif %}
</div>
{% endblock %}